<template>
  <div>
   hello world 
   {{ data?.user }}
  </div>
</template>
<script setup lang="ts">
  import { onMounted } from 'vue';
  import useRequest from './useRequest';
  // console.log(process.env.NUXT_PUBLIC_REMOTE_URL,'process.env.NUXT_PUBLIC_REMOTE_URL');
  const getUser = (isServer=false)=>{
    // 注意的是服务器端请求直接用后端地址就行，不会跨域
    // 而浏览器需要配置代理，代理我也写好了，一会儿发你看看哈
    return useRequest<{user:string}>('/tag/list',{},isServer);
  }
  // 这是服务器渲染的请求方式
  const {data} = useAsyncData('user',()=>{
    return getUser(true);
  })
  onMounted(async ()=>{
    console.log('aaaaaaaaaaabbbcccddd');
    // 这是客户端的请求方式
    const {user} = await getUser();
    console.log(user);
  })
</script>
